import React from 'react';
import { View, Text } from '@tarojs/components'
import './PainLogMostPlaceholder.scss'

const PainLogMostPlaceholder = () => (
  <View className="painLogMostPlaceholder">
    <Text className="title skeleton-blink" />
    <View className="contentContainer">
      {[...Array(3)].map((_, index) => (
        <View className="contentItem" key={index}>
          <View className="header skeleton-blink" />
          <View className="middle skeleton-blink" />
          <View className="footer skeleton-blink" />
        </View>
      ))}
    </View>
  </View>
)

export default PainLogMostPlaceholder
